﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Reem uvod</title>
    <link href="uvod.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="wrapper">
        <header>
            <div id="head">
                <img id="logo" src="images/logo.png" />
                <nav>
                    <ul id="lang">
                        <li><a href="#">FR</a></li>
                        <li><a href="#">SK</a></li>
                    </ul>
                    <ul id="ul-head">
                        <li><a href="#">KONTAKT</a></li>
                        <li><a href="#">REFERENCIE</a></li>
                        <li><a href="#">SLUŽBY</a></li>
                        <li><a href="#">PROFIL</a></li>
                        <li><a href="#">ÚVOD</a></li>
                    </ul>

                </nav>
            </div>
        </header>
    </div>
    <div id="banner">
        <div id="banner-wrapper">
            <div id="left-block">
                <h1>budujeme domov</h1>
                <div id="line"></div>
                <p>zverte nam vybudovanie vasho domova</p>
            </div>
            <div id="right-block">
                <div id="shadow">
                    <img id="img-with-border" src="images/pool.png" alt="pic" />
                    <div id="shadow-left"></div>
                    <div id="shadow-right"></div>

                </div>
            </div>
        </div>
    </div>
    <div id="wrapper">
        <section class="col">
            <article id="left-col">
                <h1>Budujeme domov</h1>
                <div id="left"></div>
                <div id="right"></div>
                <img src="images/indx-left-col.png" alt="interior picture" />
                <p><strong>Lorem ipsum</strong> dolor sit amet, consectetur adipiscing elit. Aenean nec lobortis eros. Maecenas neque velit, tincidunt in rutrum nec ultricies.</p>
                <a href="#"><div id="button-red">profil spoločnosti</div></a>
                <a href="#"><div id="button-gray"><img src="images/sipka.png" alt="arrow" />  </div></a>
            </article>
        </section>
        <section class="col">
            <article id="middle-col">
                <h1>naše služby</h1>
                <div id="left"></div>
                <div id="right"></div>
                <img src="images/indx-middle-col.png" alt="pic" />
                <p><strong>Lorem ipsum</strong> dolor sit amet, consectetur adipiscing elit. Aenean nec lobortis eros. Maecenas neque velit, tincidunt in rutrum nec ultricies.</p>
                <a href="#"><div id="button-red">viac o službách</div></a>
                <a href="#"><div id="button-gray"><img src="images/sipka.png" alt="arrow" />  </div></a>
            </article>
        </section>
        <section class="col">
            <article id="right-col">
                <h1>referencie</h1>
                <div id="left"></div>
                <div id="right"></div>
                <img src="images/indx-right-col.png" alt="pic" />
                <p><strong>Lorem ipsum</strong> dolor sit amet, consectetur adipiscing elit. Aenean nec lobortis eros. Maecenas neque velit, tincidunt in rutrum nec ultricies.</p>
                <a href="#"><div id="button-red">galéria prác</div></a>
                <a href="#"><div id="button-gray"><img src="images/sipka.png" alt="arrow" />  </div></a>
            </article>
        </section>
        <section id="motto">
            <p>STAVBY NA KĽÚČ, EKOLOGICKÉ STAVBY, DREVODOMY</p>
            <p>Špecializujeme sa na budovanie tradičných a moderných štýlov domov.</p>
        </section>
        <footer>
            <div id="left"></div>
            <div id="right"></div>
            <nav id="nav-foot">
                <ul id="ul-foot">
                    <li><a href="#">ÚVOD</a></li>
                    <li><a href="#">PROFIL</a></li>
                    <li><a href="#">SLUŽBY</a></li>
                    <li><a href="#">REFERENCIE</a></li>
                    <li><a href="#">KONTAKT</a></li>
                </ul>
            </nav>
            <p id="license">
                <span>© 2014 REEM, s.r.o.  </span>
                <span>Všetky práva vyhradené</span>
                <span><a href="#">Kontaktujte nás</a></span>
            </p>
            <p id="producer">Tvorba web stránky:<a href="#">Webmax</a> </p>
        </footer>

    </div>
</body>
</html>
